*{margin:0;padding:0;outline:0;border:0;text-decoration: none;box-sizing: border-box  ;}
#app>div{padding-top:40px;}
.mint-header{background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));}
.mint-header-title{font-size:16px;}
.icon{ vertical-align: -0.15em; fill: currentColor; overflow: hidden;transition:.3s;transform: scale(.9) translateY(3px); transform-origin: center top;}
.circlebtn .mint-tab-item-icon:before{left:-4px;right:-4px;bottom:-4px;}
.circlebtn{position:relative;z-index: 1}
.circlebtn:before{position:absolute;content:"";border-radius: 50%;background-color:#fafafa;border-top:2px solid #ddd;
  left:50%;top:21px;width:70px;height:65px;transform: translate(-50%,-50%);z-index: -1;}
.circlebtn .icon{width:32px!important;height:32px!important;margin:-6px 0 6px -4px;}
.circlebtn .mint-tab-item-label{padding-top:6px;}
.rowgn{position:absolute;color:#999;height:inherit;line-height:inherit;transform:rotate(180deg);right:20px;}
.mint-navbar .mint-tab-item.is-selected{color:#2fa773;border-color:#3dc3b5}
.mint-tab-item-label{font-size:16px;}
.mint-navbar .mint-tab-item{padding:15px 0;}
.mint-indexlist-nav{background-color:transparent;border:none;}
.noindex .mint-indexlist-nav{display:none;}
.mint-indexlist-content{margin-right:0!important;}
.mint-indexlist-content .mint-cell-value{font-size:12px;}
.mint-cell-title .icon{width:20px;height:16px;}
.mint-indexlist-navitem{font-size:12px;margin:2px 0;color:white;background:black;opacity: .5}
.empty{text-align: center;padding-top:10vw;color:#999;}
.empty .iconfont{font-size:30vw;color:#ccc;}
.hrow+.mint-radiolist{margin-top:-10px;}
button.ok{color:white;font-size:18px;border-radius:20px;margin:5px 4vw;flex:1;line-height:40px;height:40px;background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));}
.icon-msnui-success{font-size:11vw;}
font{color:#ef6656}
.mt-range-progress{background-color:#2fa773}
.mint-popup{width:100%}
.pr{position:relative;}
.cless{color:#999;}
.clful{color:#2fa773}
.mint-field{position:relative;}

/*首页*/
.mainpage .mint-tabbar{background:#fafafa;border-top:1px solid #ddd}
.mainpage .mint-tab-item-label{color:#999}
.mainpage .mint-tab-item-icon .icon{width:24px;height:24px;}
.mainpage .mint-tab-item-icon{position:relative;}
.mainpage .mint-tab-item-icon:before{position:absolute;left:0;right:0;bottom:0;top:0;background:white;opacity: .4;content:"";transition:.3s;z-index: 1}
.mainpage .mint-tab-container{padding:0 0 56px 0;}
.mainpage .is-selected .icon{transform: scale(1) translateY(0)}
.mainpage .is-selected .mint-tab-item-icon:before{opacity: 0}
.mainpage .is-selected{background-color:transparent!important;}
.mainpage .is-selected .mint-tab-item-label{color:#333}
.banner{height:30vw;}
.banner img{width:100%;height:100%;}
.njhinfo{background:-webkit-gradient(linear, 30% 0, 70% 0, from(#52df7d), to(#3dc3b5));
  border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;margin-bottom:-85px;
  padding:10px calc(30% + 10px) 85px calc(30% + 10px);color:white;font-size:12px;display:flex;flex-direction: row;
  position:relative;width:160%;margin-left:-30%;}
.njhinfo:before,.njhinfo:after{position:absolute;content:"";transform: rotate(45deg);background:white;opacity: .15;z-index: 0}
.njhinfo:before{right:100px;top:50px;width:200px;height:200px;}
.njhinfo:after{right:250px;top:120px;width:150px;height:150px;}
.njhinfo .logo{background:url("img/logo2.png") no-repeat center;background-size:contain;flex:1;}
.njhinfo .txt{flex:3;padding-left:10px;text-indent:2em}
.searchbar{padding:0 20px;text-align:center;color:#ccc;width:92%;margin:10px auto;background:#fff;
  border-radius:20px;line-height:35px;height:35px;position: relative;}
.searchbar i{font-weight:bolder;}
.homebox{border-radius: 5px;background:white;box-shadow: 0 5px 14px #ddd;opacity: .9;
  width:92%;margin:0 auto;display:flex;position:relative;padding:0 4% 20px 4%;flex-wrap: wrap;align-content:stretch}
.homebox .btn{width:27vw;text-align: center;font-size:14px;flex-direction: column;display: flex}
.homebox .btn .icon{width:60%;height:auto;margin:-20px auto -50px auto;}
.hrow{line-height:50px;height:50px;padding:0 20px;font-size:14px;display:flex;border-bottom:1px solid #ddd;}
.hrow .iconfont{padding-right:10px;color:#3dc3b5;font-size:20px;}
.hrow .mint-swipe{flex:1}

